<template>
  <div class="timing" v-if="!dialogTableVisible">
    <!-- 表格 -->
    <admincentertb ref="httbRef" :btn-is-show="btnIsShow" :table-col="tabUserList" :table-data="tableUserData"
    @getDataDetileInfo="getDataDetileInfo"
     @deleteSelectData="deleteSelectData" @refresh="getUserList">
      </admincentertb>
    <!-- 分页 -->
    <div style="text-align:right;margin-top:10px;">
      <el-pagination
        :current-page="page"
        :page-sizes="[10, 20, 30, 40]"
        :page-size="size"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      />
    </div>
  </div>
  <div v-else style="padding: 20px 10px;">
      <lcpage :stepOptions="stepOptions"
        :lcListOptions="lcListOptions"
        :tabUserList2="tabUserList2"
        :iscommit="true"
        :vObj="JSON.parse(this.vObj)"></lcpage>
  </div>
</template>

<script>
import { activitifindToDoTask,fromsave, fromremove,activititaskHistoryInfo,activiticompleteTask,
  basicLoadpageListByBusinessKey,getColumPlace} from '@/api/home_/adminCenter'
import lcpage from './lcpage'
export default {
  components: {
    lcpage
  },
  data() {
    return {
      textarea:"",
      resource:"同意",
      lcListOptions:[],
      selectObjOptions:null,
      addOptopnsListObj:[],
      tabUserList2:[],
      elradioOptionsa:[],
      elradioOptionsb:[],
      leftRadio:'',
      sourceList2:[],
      btnIsShow: {
        operate: true,
        detile: false,
        example:false,
        history:true,
        update:false,
        del: false
      },
      title: '查看历史',
      rules: {},
      dialogTableVisible: false,
      userId: '',
      addParms: [],
      addParms2: [],
      tableUserData: [],
      fullscreenLoading:false,
      tabUserList: [
          {
            key: 'matterName',
            title: '任务名称'
          },
          {
            key: 'taskId',
            title: '任务标识'
          },
          {
            key: 'status',
            title: '状态'
          },
          {
            key: 'createTime',
            title: '创建时间'
          },
          {
            key: 'applicant',
            title: '创建人'
          }
      ],
      noChangeList:[],
      changeList:[],
      vObj:null,
      stepOptions:[],
      total: 0,
      size: 10,
      page: 1,
      total2: 0,
      size2: 8,
      page2: 1,
      total3: 0,
      size3: 10,
      page3: 1
    }
  },
  created() {

  },
  mounted() {
    this.$nextTick(() => {
      this.getUserList()
    })
  },
  methods: { 
   
    resetForm(){
      this.dialogTableVisible = false
    },
    submitForm(){
      activiticompleteTask({
        "procinstId":JSON.parse(this.vObj).procinstId,
        "userId":JSON.parse(sessionStorage.getItem('userInfo')).user_id,
        "param": {
            "status":this.resource,
            "suggest":this.textarea
        }
    }).then(res=>{
        if(res.code==200){
          this.dialogTableVisible = false
          this.resource = '同意'
          this.textarea = ''
          this.$message.success(res.msg)
        }else{
          this.$message.error(res.msg)
        }
      })
    },
    queryList(v){
      // getColumPlace(JSON.parse(v).place).then(res=>{
      //     this.tabUserList2 = res.data
      // })

      
      // basicLoadpageListByBusinessKey({
      //   pgIndex:this.size2,
      //   pgSize:this.page2,
      //   place:JSON.parse(v).place,
      //   businessKey:JSON.parse(v).procinstId
      // }).then(res=>{
      //   this.lcListOptions = res.data
      // })
      // this.dialogTableVisible =true
    },
      createPrelcObj(v){//查流程
        this.$router.push({
              path:'/taskcenterPage/taskcenpage',
              query:{paramsObj:v,isShowObj:JSON.stringify({liucheng:'y',chuangjian:'n',yijian:'y'})}
            })
        // this.vObj = v
        // activititaskHistoryInfo({
        //   "procinstId": JSON.parse(v).procinstId,
        // }).then(res=>{
        //   this.stepOptions = res.data.historyTaskList
        //   this.queryList(v)
        // })
      },
      deleteSelectData(v) {
          const ids = [v.id] 
          fromremove(ids).then(res => {
          if (res.code == 200) {
              this.$message.success(res.msg)
              this.getUserList()
          } else {
              this.errorDialog(res.msg)
          }
          })
      },
      commitFromData() {
          fromsave(this.ruleForm).then(res => {
              if (res.code == 200) {
              this.getUserList()
              } else {
              this.errorDialog(res.msg)
              }
          })
      },
      handleSizeChange(v) {
        this.page = 1
          this.size = v
          this.getUserList()
      },
      handleCurrentChange(v) {
          this.page = v
          this.getUserList()
      },
      handleSizeChange2(v) {
          this.size2 = v
          this.queryList(this.vObj)
      },
      handleCurrentChange2(v) {
          this.page2 = v
          this.queryList(this.vObj)
      },
  
      // 获取用户列表
      getUserList() {
          this.dialogTableVisible = false
          this.$refs.httbRef.isShowLoading(true)
          activitifindToDoTask({
              'page': this.page,
              'limit': this.size,
              'userId':JSON.parse(sessionStorage.getItem('userInfo')).user_id
          }).then(res => {
              this.tableUserData = res.data.taskPendingList
              this.total = Number(res.data.total)
              this.$refs.httbRef.isShowLoading(false)
          })
      }
      }
  }
</script>

<style lang="scss" scoped>
  @import "~@/assets/styles/auto.scss";

      .info{
        margin-top: 20px;
      }
      .info>p{
        padding:4px 0;
        margin-left:80px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }
      .info>p:nth-child(1){
        color: #474747;
        font-weight: bold;
        background: #f1f4f7;
        padding-left: 0px;
      }
      .info>p>label{
        display: inline-block;
        width:35%;
      }
      .info>p>span{
        color:#494949;padding: 2px 4px;
        border-radius: 2px;font-size: 12px;
        background: #f0f0f0;
      }
    .ztree {
        margin-left:80px;
        border:1px solid #efefef;
        padding: 4px;
        border-radius: 2px;
        min-height: 270px;
        height: 300px;
        overflow-y: scroll;
    }
    .resoceDialog{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
    }
    .resoceDialog>div>p{
      color: #464646;
      padding: 10px 0;
      font-weight: bold;
      // background: #f1f4f7;
      margin-left:26px;
      padding-left:0px;
      margin-bottom: 5px;
      text-align: right;
    }
      >>>.jsoneditor-poweredBy {
        display: none !important;
      }

      .addPs{
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
        >div{
          width:50%
        }
        span{
          display: inline-block;
          width: 10%;
        }
      }
      .autoClass{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }
      .autoClass .el-form-item{
        width:50%;
      }
      .addcs{
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
      }
      .addcs2 .el-select {
        display: inline-block;
        width: 240px;
      }
      .autoInput{
        display: inline-block;
        width: 70%;
      }
      .infoTitle{
        border-bottom:1px solid #e5e5e5;
        margin-bottom: 30px;
        position: relative;
      }
      .infoTitle>span{
        position: absolute;
        left: 20px;
        background: #fff;
        width:80px;
        top:-15px;
        height:30px;
        text-align: center;
        line-height: 30px;
      }
        .el-select{
           width:100%;
        }
        .timing{
          background:#fff;
          padding:20px 10px;
        }
      </style>
